<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 解构赋值就是按照一定的方法将数组或者对象中的数据取出来 
        // 解构赋值是等号两边的数据结构要保持一致
        // var arr = [1, [[2, 3], [4, 5]]]
        // var a1 = arr[1]
        // var a2 = arr[2]
        // var a3 = arr[3]
        // let [a, b, c, d] = arr
        // console.log(a, b, c, d)
        // let [,a,,c] = arr
        // console.log(a, c)
        // ...c rest参数 他必须在数据的最后一个使用 变量的值是剩下的所有数据的集合
        // let [a, ...c] = arr
        // let [...a, c] = arr
        // console.log(a, c)
        // let [, [[, a], [, c]]] = arr
        // console.log(a, c)
        // var arr = [1, 2, 3, undefined]
        // let [a,b,c,d = 4] = arr
        // console.log(d)
        // 对象的结构赋值

        // export {
        //     api1:api1
        //     api2: api2
        // }

        // import {}  from 'api地址'
        var obj = {
            name: "张三",
            age: 15,
            tel: 110,
            job: {
                componey: "积云教育",
                type: "讲师"
            }
        }
        // let {tel}= obj
        // console.log(tel)
        // let {name, age, tel, sex="男"} = obj
        // console.log(name, age, tel, sex)
        // let {job: {type}} = obj
        // console.log(type)
        // var arr = [1, 2, 3, 4]
        // const routes = [
        //     {
        //         children:[
        //             ...arr
        //         ]

        //     }
        // ]
        // console.log(routes)
        // console.log(...arr)
            // var obj2 = {...obj}
            // console.log(obj2)
            // 字符串的解构赋值 字符串的解构赋值会沿用数组的解构赋值的方式
            // var str = 'hello'
            // console.log(str[0])
            // console.log(str[0])
            // console.log(str.indexOf('h'))
            // let [a,b,c,d,e] = str
            // console.log(a,b,c,d,e)
            // var num = 123
            // var flag = true
    </script>
</body>
</html>